﻿@model LoadIn.Maps.Bing.Models.BingMapsPart
<fieldset>
    <legend>LoadIn Bing Maps Settings</legend>
    <div class="editor-label">
        @Html.LabelFor(model => model.Latitude)
    </div>
    <div class="editor-field">
        @Html.TextBoxFor(model => model.Latitude)
        @Html.ValidationMessageFor(model => model.Latitude)
        <span class="hint">
            @T("Required Latitude. To define a point on the Earth where the map is centered. Example 47.610")
        </span>
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.Longitude)
    </div>
    <div class="editor-field">
        @Html.TextBoxFor(model => model.Longitude)
        @Html.ValidationMessageFor(model => model.Longitude)
        <span class="hint">
            @T("Required Longitude. To define a point on the Earth where the map is centered. Example -122.107")
        </span>
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.Width)
    </div>
    <div class="editor-field">
        @Html.TextBoxFor(model => model.Width)
        @Html.ValidationMessageFor(model => model.Width)
        <span class="hint">
            @T("Optional Width (Use 0 value to draw map to default size). To define a valid mapsize, you have to fill width and height values with positive values. Example: 600")
        </span>
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.Height)
    </div>
    <div class="editor-field">
        @Html.TextBoxFor(model => model.Height)
        @Html.ValidationMessageFor(model => model.Height)
        <span class="hint">
            @T("Optional Height (Use 0 value to draw map to default size). To define a valid mapsize, you have to fill width and height values with positive values. Example: 450")
        </span>
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.Zoom)
    </div>
    <div class="editor-field">
        @Html.TextBoxFor(model => model.Zoom)
        @Html.ValidationMessageFor(model => model.Zoom)
        <span class="hint">
            @T("Required, the level of zoom to display. An integer between 1 and 21. Some imagery may not be available at all zoom levels for all locations. Example 10.")
        </span>
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.Mode)
    </div>
    <div class="editor-field">
        @Html.DropDownListFor(model => model.Mode,
        new SelectList(new[] {
            "Aerial",
            "AerialWithLabels",
            "Road",
            "OrdnanceSurvey",
            "CollinsBart"
        }, Model.Mode))
        @Html.ValidationMessageFor(model => model.Mode)
        <span class="hint">
            @T("Required the type of imagery. One of the following values:")
            @T("* Aerial - Aerial imagery.")
            @T("* AerialWithLabels – Aerial imagery with a road overlay.")
            @T("* Road – Roads without additional imagery.")
            @T("* OrdnanceSurvey - Ordnance Survey imagery.")
            @T("* CollinsBart – Collins Bart imagery.")
        </span>
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.PinIcon)
    </div>
    <div class="editor-field">
        @Html.TextBoxFor(model => model.PinIcon)
        @Html.ValidationMessageFor(model => model.PinIcon)
        <span class="hint">
            @T("Specify an icon style for the PushPin of the location (values range from 0 to 36). visit http://msdn.microsoft.com/en-us/library/ff701719.aspx to see available icons for pushpins. Field seems to accept higher values since Microsoft is changing the rest service to accept a wider range.")
        </span>
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.PinText)
    </div>
    <div class="editor-field">
        @Html.TextBoxFor(model => model.PinText)
        @Html.ValidationMessageFor(model => model.PinText)
        <span class="hint">
            @T("Specify an icon text for the PushPin of the location (maximum 3 characters).")
        </span>
    </div>
        <div class="editor-label">
        @Html.LabelFor(model => model.ApiKey)
    </div>
    <div class="editor-field">
        <span class="hint">
            @T(Model.ApiKey)
        </span>
    </div>
</fieldset>